<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<c:forEach var="comment" varStatus="vs" items="${starComments}">
 <div class="comment_entry">
               	
         <div class="entry_left">
			   		    <div style="clear: both;"></div>
			   			<div class="user_icon">
			          		 <a href="#" onclick="return false;" target="_blank"><img src="${contextPath}${comment.createByUser.headPhoto.thumbnailMini}" alt="" title=""></a>
			      		</div>
		 </div>
		 <div class="entry_right">
			   			<div class="comment_header">
			   				<div class="header_left">
			   					<span class="commentTitle"><a href="${contextPath}/viewComment?comment.id=${comment.id}">${comment.title}</a></span>
			   				</div>
			   				
			   				<div class="header_right">
			   					<a onclick="scoreComment('${comment.id}', 1)">支持<span id="goodComm${comment.id}">(${comment.goodNum})</span></a><a onclick="scoreComment('${comment.id}', 2)">反对<span id="badComm${comment.id}">(${comment.badNum})</span></a><a href="${contextPath}/viewComment?comment.id=${comment.id}">回应(${comment.subCommNum})</a>
			   				</div>
			   			</div>
			   			 <div class="user_rate_s">
									    <div class="big_rate_bak_s">
									        <b rate="2">&nbsp;</b>
									        <b rate="4">&nbsp;</b>
									        <b rate="6">&nbsp;</b>
									        <b rate="8">&nbsp;</b>
									        <b rate="10">&nbsp;</b>
									        <div id="big_rate_up_c${comment.id}" class="big_rate_up_s" style="width: 123.20000000000002px; display: block; height: 26px; " ></div>
									    </div>
							</div>
						<script type="text/javascript">
						 showRateSmall('c${comment.id}', '${comment.offerRateObject.integerPart}', '${comment.offerRateObject.integerPart}');
						</script>
					  <div class="entry-meta" style="margin-left: 60px">
		                    		 <a href="${contextPath }/viewCustomerInfo?customer.userId=${comment.createByUser.id}" title="${comment.createByUser.userName}" target="_blank">${comment.createByUser.userName}</a>
			                        <span>
			                        	<jsp:include page="../common/timeFormat.jsp">
											<jsp:param value="${comment.createTime.time}" name="time"/>
											<jsp:param value="${comment.createTime.year }" name="year"/>
											<jsp:param value="${comment.createTime.month }" name="month"/>
											<jsp:param value="${comment.createTime.day}" name="day"/>
											<jsp:param value="${comment.createTime.hours}" name="hours"/>
											<jsp:param value="${comment.createTime.minutes}" name="minutes"/>
											<jsp:param value="${comment.createTime.date}" name="date"/>
										</jsp:include>
			                        </span>
		               </div>
		               <div class="comment_main">
		               		<div class="comment_content_brief">
		                    ${comment.brief}
		                 </div>
		                 <c:if test="${not empty comment.album.photos}">
            	 	    <div class="ppy1">
								<ul class="ppy-imglist">
									<c:forEach items="${comment.album.photos}" var="photo">
										<li>
							                  <a href="${contextPath}${photo.thumbnailLarge}">
							                      <img src="${contextPath}${photo.thumbnailSmall}" alt="">
							                  </a>
							                  <c:if test="${not empty photo.description}">
							                  	<span class="ppy-extcaption">
							                      <strong>${photo.description}</strong>
							                  	</span>
							                  </c:if>
							                  
							              </li>
									</c:forEach>
							              
							      </ul>
							        <div class="ppy-outer">
							                <div style="background-image: url(&quot;${contextPath}${article.album.coverPhoto.thumbnailSmall}&quot;);" class="ppy-stage">
							                    <div class="ppy-counter">
							                        <strong class="ppy-current">1</strong> / <strong class="ppy-total">9</strong> 
							                    </div>
							               	</div>
							                <div class="ppy-nav">
							                        <a class="ppy-next" title="下一张">下一张</a>
							                        <a class="ppy-prev" title="上一张">上一张</a>
							                </div>
							       </div>
							       <div style="visibility: hidden; height: 0px; overflow: hidden;" class="ppy-caption">
							                <span class="ppy-text">
							                       
							                </span>
							       </div>
							</div>
            		 </c:if>
		          </div>
		                
		</div>
</div>
			   	
</c:forEach>